<template>
  <div class="title-block">
    <div class="title-block-title">我的工作</div>
    <div class="title-block-content">
      <el-row type="flex" :gutter="10" justify="space-between" align="middle" style="height: 100%">
        <el-col :span="6" v-for="i in 5" :key="i">
          <div class="job-log" style="width: 100%" @click="logClick">
            <div class="title">侦办案件</div>
            <div class="number">
              100/50
            </div>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>    
</template>

<style lang="scss" scoped>
@import "../../style/variables/_default.scss";
// @import "./common-style.scss";
.job-log{
  padding: 5px 5px;
  .title{
    text-align:center;
    margin-left: -30px;
    color: $--color-info;
  }
  .number{
    text-align: center;
    line-height: 1.6;
    font-size: 1.8em;
  }
}
</style>

<script>
// import XdhInfoBox from '@/widgets/xdh-info-box'
export default {
  name: 'myJobs',
  components: {
  },
  props: {
  },
  data() {
    return {
    }
  },
  watch: {
    
  },
  methods: {
    logClick() {
      this.$router.push({path: '/case-search'})
    }
  },
  mounted() {
  }
}
</script>

